<template>
    <!-- <el-container>
        <el-aside width="200px">
            <Nav :conf="NAV_CONF" />
        </el-aside>
        <el-main>
            <el-tabs v-model="activeName">
                <el-tab-pane label="页面1" name="first">
                    <Homepage />
                </el-tab-pane>
                <el-tab-pane label="页面2" name="second">
                    <Page2 />
                </el-tab-pane>
            </el-tabs>
        </el-main>
    </el-container> -->
    <!-- <my-switch v-model:value="xxx"></my-switch> -->
    <!-- <my-rate v-model:value="score"></my-rate> -->
    <!-- <checkbox-group :total="5" v-model:selectedIndexes="selectedIndexes"></checkbox-group> -->
    <time-picker v-model:value="time" />
</template>

<script>
import { defineComponent } from 'vue';
// import Homepage from './pages/homepage/index.vue';
// import Page2 from './pages/page2/index.vue';
// import Nav from './components/nav/index.vue';
// import { NAV_CONF } from './constants/conf';
// import MySwitch from './components/switch/index.vue';
// import MyRate from './components/rate/index.vue';
// import CheckboxGroup from './components/checkbox-group/index.vue';
import TimePicker from './components/time-picker/index.vue';

export default defineComponent({
    components: {
        // Homepage,
        // Page2,
        // Nav,
        // MySwitch,
        // MyRate,
        // CheckboxGroup,
        TimePicker,
    },
    updated () {
        console.log(this.time);
    },
    data () {
        return { 
            // activeName: 'first',
            // NAV_CONF,
            // xxx: false,
            // score: 3,
            // selectedIndexes: [0, 2, 3], // 索引数组
            time: [20, 15, 15], // 20:15:15
            
        };
    },
})
</script>
